<%@ page contentType="text/html;charset=UTF-8" language="java"%>
<%@ include file="/WEB-INF/view/include/taglib.jsp"%>
<!DOCTYPE html>
<html lang="cn" class="app">
<head>  
  <meta charset="utf-8" />
  <title>RCode | 睿代码管理平台</title>
  <meta name="description" content="app, web app, responsive, admin dashboard, admin, flat, flat ui, ui kit, off screen nav" />
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
  <link rel="icon" type="image/png" href="icon.png">
  <link rel="apple-touch-icon-precomposed" href="icon.png">
  <link rel="stylesheet" href="${ctxStatic}/js/jPlayer/jplayer.flat.css" type="text/css" />
  <link rel="stylesheet" href="${ctxStatic}/css/bootstrap.css" type="text/css" />
  <link rel="stylesheet" href="${ctxStatic}/css/animate.css" type="text/css" />
  <link rel="stylesheet" href="${ctxStatic}/css/font-awesome.min.css" type="text/css" />
  <link rel="stylesheet" href="${ctxStatic}/css/simple-line-icons.css" type="text/css" />
  <link rel="stylesheet" href="${ctxStatic}/css/font.css" type="text/css" />
  <link rel="stylesheet" href="${ctxStatic}/css/app.css" type="text/css" />

  <!--[if lt IE 9]>
  <script src="${ctxStatic}/js/ie/html5shiv.js"></script>
  <script src="${ctxStatic}/js/ie/respond.min.js"></script>
  <script src="${ctxStatic}/js/ie/excanvas.js"></script>
  <![endif]-->

</head>
<body style="" >
  <section class="vbox">
    <!--菜单 开始-->
    <section>
      <section class="hbox stretch">

        <section id="content">
            <style>
              .appcenter-title, .appcenter-title p {
                  line-height: 40px;
                  font-size: 14px;
                  text-align: center;
                  color: #fff;
              }
              .appcenter-title {
                  margin: 0px auto 0;
              }
              .appcenter-title p {
                  margin: 0 auto;
                  width: 350px;
                  background-color: rgba(37,41,53,.5);
                  border-radius: 0 0 18px 18px;
              }
            </style>
            <div class="appcenter-title"><p>RCode代码生成平台-所有数据</p> </div>

            <!--这里是正文 开始-->
            <!-- 今日统计 开始 -->
            <div class="col-sm-12">
                  <div style="height:50px;width:100%;clear: both;"></div>
                  <section class="panel panel-default">
                    <header class="panel-heading font-bold">今日统计</header>
                    
                    <div class="row text-center">
                      <div class="wrapper-lg col-xs-6 col-sm-4 col-md-4 col-lg-2">
                        <a href="#">
                          <small class="text-muted">成功金额（元）</small>
                          <span class="m-b-xs h4 block m-t-sm">0.37</span>
                        </a>
                      </div>
                      <div class="wrapper-lg col-xs-6 col-sm-4 col-md-4 col-lg-2">
                        <a href="#">
                          <small class="text-muted">成功笔数（笔）</small>
                          <span class="m-b-xs h4 block m-t-sm">55</span>
                        </a>
                      </div>
                      <div class="wrapper-lg col-xs-6 col-sm-4 col-md-4 col-lg-2">
                        <a href="#">
                          <small class="text-muted">失败金额（元）</small>
                          <span class="m-b-xs h4 block m-t-sm">0</span>
                        </a>
                      </div>
                      <div class="wrapper-lg col-xs-6 col-sm-4 col-md-4 col-lg-2">
                        <a href="#">
                          <small class="text-muted">失败笔数（笔）</small>
                          <span class="m-b-xs h4 block m-t-sm">0</span>
                        </a>
                      </div>
                      <div class="wrapper-lg col-xs-6 col-sm-4 col-md-4 col-lg-2">
                        <a href="#">
                          <small class="text-muted">处理中金额（元）</small>
                          <span class="m-b-xs h4 block m-t-sm">0.69</span>
                        </a>
                      </div>
                      <div class="wrapper-lg col-xs-6 col-sm-4 col-md-4 col-lg-2">
                        <a href="#">
                          <small class="text-muted">处理中笔数（笔）</small>
                          <span class="m-b-xs h4 block m-t-sm">55</span>
                        </a>
                      </div>
                    </div>
                  </section>
            </div>      
            <!-- 今日统计 结束 -->  
            <!-- 今日交易分布 开始 -->
            <div class="col-sm-12">
                  <section class="panel panel-default">
                    <header class="panel-heading font-bold">今日交易分布</header>
                    
                    <div class="row text-center">
                      <div class="wrapper-lg col-xs-6 col-sm-3 col-md-3">
                        <div class="panel-body">
                          <div id="flot-pie"  style="height:240px"></div>
                        </div>        
                        <p>今日交易金额<br/>通道分布</p>
                      </div>
                      <div class="wrapper-lg col-xs-6 col-sm-3 col-md-3">
                        <div class="panel-body">
                          <div id="flot-pie2"  style="height:240px"></div>
                        </div>        
                        <p>今日交易笔数<br/>通道分布</p>
                      </div>
                      <div class="wrapper-lg col-xs-6 col-sm-3 col-md-3">
                        <div class="panel-body">
                          <div id="flot-pie3"  style="height:240px"></div>
                        </div>        
                        <p>今日交易额<br/>TOP5商品收入占比</p>
                      </div>
                      <div class="wrapper-lg col-xs-6 col-sm-3 col-md-3">
                        <div class="panel-body">
                          <div id="flot-pie4"  style="height:240px"></div>
                        </div>        
                        <p>今日交易笔数<br/>TOP5商品收入占比</p>
                      </div>
                      
                    </div>
                  </section>
            </div>      
            <!-- 今日交易分布 结束 -->

            <!-- 最近7日交易情况 开始 -->
            <div class="col-sm-12">
                  <section class="panel panel-default">
                    <header class="panel-heading font-bold">最近7日交易情况 
                        <div class="navbar-right m-t-n-xs">
                          <span>选择支付产品</span>
                          <select class="input-sm form-control input-s-sm inline v-middle ">
                              <option value="">全部</option>
                              <option value="1">支付宝当面付</option>
                              <option value="2">支付宝移动支付</option>
                              <option value="3">微信APP支付</option>
                              <option value="4">微信扫码支付</option>
                          </select>
                        </div>
                    </header>
                    
                    <div class="panel-body">
                      <div id="flot-chart"  style="height:240px"></div>
                    </div>      
                  </section>
            </div>      
            <!-- 最近7日交易情况 结束 -->

            <!-- 最近30日交易情况 开始 -->
            <div class="col-sm-12">
                  <section class="panel panel-default">
                    <header class="panel-heading font-bold">最近30日交易情况 
                        <div class="navbar-right m-t-n-xs">
                          <span>选择支付产品</span>
                          <select class="input-sm form-control input-s-sm inline v-middle ">
                              <option value="">全部</option>
                              <option value="1">支付宝当面付</option>
                              <option value="2">支付宝移动支付</option>
                              <option value="3">微信APP支付</option>
                              <option value="4">微信扫码支付</option>
                          </select>
                        </div>
                    </header>
                    
                    <div class="panel-body">
                      <div id="flot-chart2"  style="height:240px"></div>
                    </div>      
                  </section>
            </div>      
            <!-- 最近30日交易情况 结束 -->
            <div style="height:100px;width:100%;clear: both;"></div>
            <!--这里是正文 结束-->
        </section>
      </section>
    </section>
    <!--菜单 结束-->
  </section>

  <script src="${ctxStatic}/js/jquery.min.js"></script>

  <!-- Bootstrap -->

  <script src="${ctxStatic}/js/bootstrap.js"></script>

  <!-- App -->

  <script src="${ctxStatic}/js/app.js"></script>

  <script src="${ctxStatic}/js/slimscroll/jquery.slimscroll.min.js"></script>

    <!-- Sparkline Chart -->

  <script src="${ctxStatic}/js/charts/sparkline/jquery.sparkline.min.js"></script>

  <!-- Easy Pie Chart -->

  <script src="${ctxStatic}/js/charts/easypiechart/jquery.easy-pie-chart.js"></script>

  <!-- Flot -->

  <script src="${ctxStatic}/js/charts/flot/jquery.flot.min.js"></script>

  <script src="${ctxStatic}/js/charts/flot/jquery.flot.tooltip.min.js"></script>

  <script src="${ctxStatic}/js/charts/flot/jquery.flot.resize.js"></script>

  <script src="${ctxStatic}/js/charts/flot/jquery.flot.orderBars.js"></script>

  <script src="${ctxStatic}/js/charts/flot/jquery.flot.pie.min.js"></script>

  <script src="${ctxStatic}/js/charts/flot/jquery.flot.grow.js"></script>

  <script src="${ctxStatic}/js/charts/flot/demo.js"></script>

  <script src="${ctxStatic}/js/app.plugin.js"></script>

  <script type="text/javascript" src="${ctxStatic}/js/jPlayer/jquery.jplayer.min.js"></script>

  <script type="text/javascript" src="${ctxStatic}/js/jPlayer/add-on/jplayer.playlist.min.js"></script>

  <script type="text/javascript" src="${ctxStatic}/js/jPlayer/demo.js"></script>
</body>

</html>